<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .container{
            height: 100%;
        }
        .left{
            float: left;
            width: 200px;
            height: 100%;
        }
        .center{
            margin: 0 20%;
            height: 300px;
        }
        .right{
            float: right;
            width: 200px;
            height: 100%;
        }
        img{
            border: black solid 1px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="left">
        <img src="homework12-01.png" width="100%" height="160">
    </div>
    <div class="right">
        <img src="homework12-02.png" width="100%" height="160">
    </div>
    <div class="center">Three columns. One fixed-width sidebar for your navigation, another for, say, your
        Google Ads or your Flickr photos- and, as in a fancy truffle, a liquid center for the real
        substance. Its wide applicability in this golden age of blogging, along with its
        considerable difficulty, is what has earned the layout the title of Holy Grail.
    </div>
</div>
</body>
</html>